<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="shortcut icon" href="../favicon.ico">

    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/resetStyle.css">
    <link rel="stylesheet" href="./fonts/iconfont.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./libs/swiper-bundle.min.css">
</head>
<body>
    <script src="./libs/swiper-bundle.min.js"></script>
    <!-- header -->
    <div class="wrap">
    
</div>
    <!-- main -->
    <main>
        <div class="banner">
            <div class="banner-left">
                <ul>
                    <li><a href="#"><i class="iconfont icon-nvzhuang"></i>&nbsp;&nbsp;<b>女装</b></a></li>
                    <span></span>
                    <li><a href="#"><i class="iconfont icon-nanzhuangleimu">&nbsp;&nbsp;</i><b>男装</b></a></li>
                    <li><a href="#"><i class="iconfont icon-gaogenxie">&nbsp;&nbsp;</i><b>鞋子</b></a></li>
                    <span></span>
                    <li><a href="#"><i class="iconfont icon-24gl-bag">&nbsp;&nbsp;</i><b>箱包</b></a></li>
                    <li><a href="#"><i class="iconfont icon-naiping">&nbsp;&nbsp;</i><b>母婴</b></a></li>
                    <span></span>
                    <li><a href="#"><i class="iconfont icon-meizhuang">&nbsp;&nbsp;</i><b>美妆</b></a></li>
                    <li><a href="#"><i class="iconfont icon-yusan">&nbsp;&nbsp;</i><b>居家</b></a></li>
                    <span></span>
                    <li><a href="#"><i class="iconfont icon-shafa">&nbsp;&nbsp;</i><b>家纺</b></a></li>
                    <li><a href="#"><i class="iconfont icon-qianbi">&nbsp;&nbsp;</i><b>文体</b></a></li>
                    <span></span>
                    <li><a href="#"><i class="iconfont icon-meishi">&nbsp;&nbsp;</i><b>美食</b></a></li>
                    <li><a href="#"><i class="iconfont icon-shumajiadianleimu">&nbsp;&nbsp;</i><b>数码</b></a></li>
                    <span></span>
                    <li><a href="#"><i class="iconfont icon-xiyiji">&nbsp;&nbsp;</i><b>电器</b></a></li>
                    <li><a href="#"><i class="iconfont icon-neiyileimu">&nbsp;&nbsp;</i><b>内衣</b></a></li>
                    <span></span>
                    <li><a href="#"><i class="iconfont icon-yanjing">&nbsp;&nbsp;</i><b>配饰</b></a></li>
                </ul>
            </div>
            <!-- 轮播图 -->
            <div class="banner-center">
                <div class="swiper mySwiper">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide"><img src="/img/2.webp.jpg" alt=""></div>
                      <div class="swiper-slide"><img src="/img/3.webp.jpg" alt=""></div>
                      <div class="swiper-slide"><img src="/img/4.webp.jpg" alt=""></div>
                      <div class="swiper-slide"><img src="/img/5.webp.jpg" alt=""></div>
                      <!-- <div class="swiper-slide">Slide 5</div>
                      <div class="swiper-slide">Slide 6</div>
                      <div class="swiper-slide">Slide 7</div>
                      <div class="swiper-slide">Slide 8</div>
                      <div class="swiper-slide">Slide 9</div> -->
                    </div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-pagination"></div>
                  </div>
            </div>
            <div class="banner-right">
                <div class="banner-right-top">
                    <ul>
                        <li><a href="#"><img src="./img/r-1.jpg" alt=""></a></li>
                        <li><a href="#"><img src="./img/r-2.jpg" alt=""></a></li>
                        <li><a href="#"><img src="./img/r-3.jpg" alt=""></a></li>
                        <li><a href="#"><img src="./img/r-4.jpg" alt=""></a></li>
                    </ul>
                </div>
                <div class="banner-right-bottom">
                    <a href="#"><img src="./img/r-5.jpg" alt=""></a>
                </div>
            </div>
        </div>

        <section>
            <div class="tops">
                <!-- 每日新品 -->
                <div class="top-tit">
                   <div class="tit">
                        <b>今日品牌</b>
                        <span>TODAY'S BRAND</span>
                   </div>
                   <a href="#" class="reds">全部品牌>></a>
                </div>
                <!-- 商品 -->
                <div class="bann">
                    <div><img src="" alt="">
                        
                        <p class="iconfont icon-shijian"></p>
                        <dl>
                            <dt><img src="" alt=""></dt>
                            <dd><i class="reds">1</i>折起</dd>
                        </dl>
                        <input type="button" value="马上抢">
                    </div>
                    <div><img src="" alt="">
                        <p class="iconfont icon-shijian"></p>
                        <dl>
                            <dt><img src="" alt=""></dt>
                            <dd><i class="reds">3</i>折起</dd>
                        </dl>
                        <input type="button" value="马上抢">
                    </div>
                    <div><img src="" alt="">
                        <p class="iconfont icon-shijian"></p>
                        <dl>
                            <dt><img src="" alt=""></dt>
                            <dd><i class="reds">5</i>折起</dd>
                        </dl>
                        <input type="button" value="马上抢">
                    </div>
                    <div><img src="" alt="">
                        <p class="iconfont icon-shijian"></p>
                        <dl>
                            <dt><img src="" alt=""></dt>
                            <dd><i class="reds">4</i>折起</dd>
                        </dl>
                        <input type="button" value="马上抢">
                    </div>
                </div>
                <!-- 更多品牌 -->
                <div class="ban-foot">
                    <ul>
                        更多品牌特卖：
                        <li><a href="#"><img src="" alt=""></a></li>
                        <li><a href="#"><img src="" alt=""></a></li>
                        <li><a href="#"><img src="" alt=""></a></li>
                        <li><a href="#"><img src="" alt=""></a></li>
                        <li><a href="#"><img src="" alt=""></a></li>
                        <li><a href="#"><img src="" alt=""></a></li>
                        <li><a href="#"><img src="" alt=""></a></li>
                        <li class="last-li"><a href="#" class="reds"><img src="">查看全部 》</a></li>
                    </ul>
                </div>
            </div>
            <div class="tops shopp">
                <!-- 每日新品 -->
                <div class="top-tit">
                   <div class="tit">
                        <b>今日新品</b>
                        <span>TODAY'S NEW</span>
                   </div>
                   <sapn>每天10点上新</span>
                </div>
                <!-- <div class="shoopping"> -->
                    <!-- <div><a href="/html/details.html"><img src="./img/r-1.jpg" alt=""></a></div>
                   <p class="reds">￥39<span>￥39</span></p>
                   <p><a href="#">连衣裙L112251</a><span>上新</span></p> -->
                <!-- </div> -->
                <!-- <div class="shoopping">
                    <div><a href="#"><img src="./img/r-1.jpg" alt=""></a></div>
                   <p class="reds">￥39<span>￥39</span></p>
                   <p><a href="#">连衣裙L112251</a><span>上新</span></p>
                </div>
                <div class="shoopping">
                    <div><a href="#"><img src="./img/r-1.jpg" alt=""></a></div>
                   <p class="reds">￥39<span>￥39</span></p>
                   <p><a href="#">连衣裙L112251</a><span>上新</span></p>
                </div>
                <div class="shoopping">
                    <div><a href="#"><img src="./img/r-1.jpg" alt=""></a></div>
                   <p class="reds">￥39<span>￥39</span></p>
                   <p><a href="#">连衣裙L112251</a><span>上新</span></p>
                </div>
                <div class="shoopping">
                    <div><a href="#"><img src="./img/r-1.jpg" alt=""></a></div>
                   <p class="reds">￥39<span>￥39</span></p>
                   <p><a href="#">连衣裙L112251</a><span>上新</span></p>
                </div>
                <div class="shoopping">
                    <div><a href="#"><img src="./img/r-1.jpg" alt=""></a></div>
                   <p class="reds">￥39<span>￥39</span></p>
                   <p><a href="#">连衣裙L112251</a><span>上新</span></p>
                </div> -->
            </div>
            
       <section>
       
    </main>
   
    <!-- 侧边栏 -->
    <aside>
    <div class="r-top">
        <div class="iconfont icon-yonghu">
            <span class="login">
                <dl>
                    <dt><span></span></dt>
                    <dd>快来<i class="reds">登录</i>吧，么么哒<span></span></dd>
                </dl>
            </span>
        </div>
        <div class="iconfont icon-24gl-bag">&nbsp;
            <a href="/html/cart.html"> 购 物 袋
                <span class="count">0</span>
            </a>

        </div>
        <div class="iconfont icon-aixin">
            <dl>
                <dd>我的收藏</dd>
                <span></span>
            </dl>
        </div>
        <div class="iconfont icon-youhuiquan">
            <dl>
                <dd>我的优惠券</dd>
                <span></span>
            </dl>
        </div>
    </div>
    <div class="r-botm">
        <div class="iconfont icon-pen">
            <dl>
                <dd>意见反馈</dd>
                <span></span>
            </dl>
        </div>
        <div class="iconfont icon-erweima">
            <dl>
                <dd><img src="./img/j.png" alt=""></dd>
                <span></span>
            </dl>
        </div>
        <div class="iconfont icon-xiangshang2">
            <dl>
                <dd>返回顶部</dd>
                <span></span>
            </dl>
        </div>
    </div>
</aside>
    <!-- footer -->
    <footer>
        
    </footer>
    
    <script src="./libs/jquery.min.js"></script>
    <script src="./libs/require.js" data-main="./js/index"></script>
    <script>$('.wrap').load('./html/header.html',()=>{
        let nu = $('.nu')[0]
        // console.log(nu);
        // console.log(nu.innerHTML);
        topRender(nu)
        function topRender(nu){

        // console.log(cou);
        let list = JSON.parse(localStorage.getItem('cart')) || []
        // console.log(list);
        let num = 0
        list.forEach(item=>{
        num += item.cart_number
        // console.log(item.cart_number); 
        })
        nu.innerHTML = ''
        nu.innerHTML = num
        }
            })
    $('footer').load('./html/footer.html')</script>
    <!-- <script src="./libs/require.js" data-main="./js/index"></script> -->
   
</body>
</html>